﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>


    <title>无锡职业技术学院校友会</title>
    <script src="JS/jquery-1.8.3.min.js" type="text/javascript"></script>
    <link href="CSS/login.css" rel="stylesheet" type="text/css" />
    <script src="JS/login.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/ViewMob/css/default.css" />
    <link href="/ViewMob/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="/ViewMob/js/layer/need/layer.css" rel="stylesheet" />
    <script src="/ViewMob/js/layer/layer.m.js"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script src="/ViewMob/js/avalon.mobile.js"></script>
    <script src="/ViewMob/js/ComFunJS.js"></script>
    <script type="text/javascript">
		var interval=0;
		$(document).ready(function(){
		
			$("#typeImg").addClass("qrcode");
			$("#pcpanel").show();
			$("#wxpanel").hide();
		
		});
		
    </script>
    <script>
     var   model = avalon.define({
            $id: "Login",
            username: "",
            Pasword: "",
            LoginUser: function (dom) {

                var msg = "";
                //$(dom).text("正在登录");
                //$(dom).prop("disabled", true);
                if ($.trim(model.username) == "") {
                    //$(dom).text("登录");
                    //$(dom).prop("disabled", false);
                    msg = "请输入用户名";
                    ComFunJS.winwarning(msg);

                    return;
                }

                if ($.trim(model.Pasword) == "") {
                    //$(dom).text("登录");
                    //$(dom).prop("disabled", false);
                    msg = "请输入密码";

                    ComFunJS.winwarning(msg);
                    return;
                }
                $.post("/API/VIEWAPI.ashx?Action=COM_XYLOGIN&r=" + Math.random(), { "UserName": model.username, password: model.Pasword }, function (data) {
                    if (data.ErrorMsg == "") {
                        
                        //ComFunJS.setCookie('qjycode', data.Result);
                        ComFunJS.setCookie('username',$.trim(model.username));
                        ComFunJS.setCookie('password',$.trim(model.Pasword));
                        ComFunJS.setCookie('xh', $.trim(data.Result.xh));
                        ComFunJS.setCookie('userdata', JSON.stringify(data.Result));

                        //ComFunJS.setCookie('yhmc', data.Result[0].xm);
                        //ComFunJS.setCookie('yhqx', data.Result[0].yhsf);
                        //localStorage.setItem("userdata", JSON.stringify({ name: data.Result[0].xm, avatar: "/QDPage/images/boy.png", shenfen: data.Result[0].yhsf, userid: data.Result[0].yhdm, week: data.Result[0].week }));
                        //localStorage.setItem("usermodel", JSON.stringify(data.Result[0]));

                        location.href = "index.html?user=1";
                        //<a href="Html/usercenter.html">Html/usercenter.html</a>

                    }
                    else {
                        ComFunJS.winwarning(data.ErrorMsg);
                        location.href = "Login.html";
                        //$(dom).text("登录");
                        //$(dom).prop("disabled", false);
                    }
                })
            }
        })
    </script>
    <style>
        body {
            font: 12px/1.5 "Microsoft YaHei",SimSun,Tahoma, Helvetica, Arial, sans-serif;
        }

        #zoom table tr td {
            border: #000 1px solid;
        }

        .articleBox {
            margin: 0px 20px;
        }

        .textBox .tH {
            padding: 25px 0;
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            color: #000000;
            font-family: "Microsoft YaHei UI";
        }

        .textBox .publish {
            text-align: center;
        }

        .textBox .devider {
            height: 1px;
            background-color: #dce1e5;
            margin-top: 5px;
        }

        .textBox .text {
            color: #4e4e4e;
            font-size: 14px;
            padding: 30px 50px;
            color: #000000;
            font-family: "Microsoft YaHei UI";
        }

            .textBox .text P {
                margin-top: 20PX;
                line-height: 30px;
                color: #000000;
                font-family: "Microsoft YaHei UI";
            }

        .textBox .close {
            text-align: right;
        }

            .textBox .close a {
                color: #1282bc;
                margin-right: 20px;
            }

        .articleFooter {
            padding: 10px 0;
            text-align: center;
            color: #808080;
        }

        .list {
            padding-bottom: 0px;
            font-size: 14px;
        }

        .listNav {
            border-right: 1px solid #c5c5c5;
            min-height: 720px;
            width: 223px;
            padding: 0 5px;
            text-align: center;
            float: left;
        }

        .navItem {
            cursor: pointer;
            padding: 5px 0px;
            margin-top: 10px;
        }

            .navItem:hover,
            .navItem.active {
                background-color: #dd0f0f;
                color: #fff;
            }

        .navTitle {
            margin-top: 30px;
            font-size: 22px;
            color: #96b7cb;
        }

        .wrapper {
            width: 100%;
            margin: 0 auto;
        }

            .wrapper .inner {
                width: 1000px;
                margin: 0 auto;
            }

        #header {
            background: url(/Web/image/head_bg.jpg) repeat-x;
        }

            #header .inner {
                background: url(/Web/image/head.jpg) no-repeat;
                height: 178px;
            }
    </style>
</head>
<body  ms-controller="Login">
    <div class="alumniLogin" style="margin-top:0px !important">
        <div class="wrapper" id="header">
            <div class="inner"></div>
        </div>
        <!--<div class="header">
            <div class="left">
                <img src="image/head.jpg" />
            </div>
            <div class="right">
               
            </div>
        </div>-->
        <div class="mainBg">
            <div class="mainCnt" style="position: relative;">
                <div id="typeImg" class="type"></div>
                    <div class="loginForm">
                        <div id="pcpanel" style="display:none;">
                            <div class="loginLine" style="padding-top:46px;">
                                <div class="loginTxt">
                                    <input type="text" ms-duplex="username" class="loginInput" value="" autocomplete="off" />
                                </div>
                            </div>
                            <div class="loginLine">
                                <div class="loginPwd">
                                    <input type="password" ms-duplex="Pasword" class="loginInput loginPwd" value="" />
                                </div>
                            </div>
                            <!--<div class="loginOpt">
                                <div class="loginOptLeft">
                                    <input type="checkbox" id="autoLogin" name="autoLogin" class="loginOptCheckbox" value="1" /><label for="autoLogin" class="loginOptCheckbox">下次自动登录</label>
                                </div>
                                <div class="loginOptRight">
                                    <a href="" class="loginOptLink">忘记密码?</a>
                                </div>
                            </div>-->
                            <div class="loginOpt">
                                <!--<input type="submit" class="loginIn" value="" />-->
                                <button ms-click="LoginUser(this)" class="loginIn"  value="" >
                                   
                                </button>
                            </div>
                            <div class="loginLine">
                                <input type="button" class="loginReg" value="" />
                            </div>
                        </div>

                        <div id="wxpanel">
                            <p class="w_title">扫码登录</p>
                            <div>
                                <img src="image/qrPic.jpg" width="150" height="150" />
                            </div>
                            <p class="w_tip">如您已连接微站</p>
                            <p class="w_tip">可微信<font color="#f64c01">扫一扫</font>登录</p>
                        </div>

                        <div class="loginNotice"></div>
                    </div>

            </div>
        </div>
        <iframe name='loginCheck' id="loginCheck" style='display:none'></iframe>
        <div class="footer">
            <div class="left">
                <a href="javascript:;">关于我们</a>
            </div>
            <div class="right">
                无锡职业技术学院校友会 © 2017
            </div>
        </div>
    </div>
</body>
</html>
